import { EChartOption } from 'echarts';
const COLOR = '#666';

type PieDataType = number[] | number[][] | EChartOption.SeriesPie.DataObject[];

export const getCustomOption = () => ({
  color: ['#1790ff', '#12c2c2', '#2fc25b', '#f04864', '#8542e0'],
  title: {
    zlevel: 0,
    text: '',
    top: 'center',
    left:'center',
    textAlign: 'left',
    textStyle: {
      rich: {
        value: {
          color: COLOR,
          fontSize: 16,
          lineHeight: 25,
        },
        name: {
          color: '#909399',
          lineHeight: 20,
        },
      },
    },
  },
  tooltip: {
    // 悬停指示
    trigger: 'item',
    formatter: '{b}: {c} ({d}%)',
  },
//   legend: {
//     orient: 'vartical',
//     x: 'left',
//     top: '100',
//     left: '55%',
//     data: [] as string[],
//     itemGap: 10,
//     icon: 'circle',
//     formatter: function (name) {
//       return name;
//     },
//     textStyle:{
//         rich: {
//           c: {
//             color: "#B6B6B6",
//             align: "right",
//             width:35,
//             fontSize: 14,
//           },
//           b:{
//             align: "right",
//             fontSize: 14,
//             width:30,
//             padding: [0, 40, 0,0],
//           },
//           a: {
//             align: "left",
//             width:100,
//             fontSize: 14,
//             padding: [0, 20, 0, 0],
//           },
//         },
//       },
//   },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: ['45%', '65%'],
      center: ['50%', '50%'],
      stillShowZeroSum: false,
      avoidLabelOverlap: false,
      zlevel: 1,
      label: {
        normal: {
          show: false,
        },
        emphasis: {
          show: false,
        },
      },
      data: [] as PieDataType,
    },
  ] as EChartOption.SeriesPie[],
});
